<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>提交订单</title>
    <link rel="stylesheet" type="text/css" href="css/models.css">
    <!--bootstrap-select  css文件-->
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap-select.css"/>
    <!--日期  css文件-->
    <link rel="stylesheet" type="text/css" href="js/datepicker/css/bootstrap-datepicker.css">
    <!--弹窗 css文件-->
    <link rel="stylesheet" type="text/css" href="js/layer/layer.css">
</head>
<body>
<div class="MainContent">
    <!--面包屑-->
    <div class="current">当前位置：<a href="#">订单管理</a>&nbsp;&gt;&nbsp;<a href="#">进货订单</a>&nbsp;&gt;&nbsp;<span>提交订单</span> </div>
    <!--end 面包屑-->
    <!--主体内容-->
    <div class="MainCont">
        <!--标题-->
        <div class="ph_subTit">
            <h2>请确定收货信息</h2>
            <div class="ph_snbBtn"><input class="Js_addLinkman" name="" type="button" value="新增联系信息"></div>
        </div>
        <!--end 标题-->
        <!--收货地址-->
        <div class="ph_methodBox ph_collect">
            <p><input name="radio" type="radio" value="0" checked>戴静静&nbsp;&nbsp;重庆市江北区红黄路17号国金大厦16楼&nbsp;&nbsp;157614568541</p>
            <p><input name="radio" type="radio" value="1">戴静静&nbsp;&nbsp;重庆市江北区红黄路17号国金大厦16楼&nbsp;&nbsp;157614568541</p>
        </div>
        <!--end 收货地址-->
        <!--标题-->
        <div class="ph_subTit ph_subMarTop no_border">
            <h2>供应商</h2>
        </div>
        <!--end 标题-->
        <!--商品列表-->
        <div class="ph_wareBox">
            <table class="ph_wareList">
                <thead>
                    <tr>
                        <th width="50">序号</th>
                        <th>商品名称</th>
                        <th>商品条码</th>
                        <th>总数量</th>
                        <th>总金额（元）</th>
                        <th>规格</th>
                        <th width="110">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td>--</td>
                        <td>--</td>
                        <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td>--</td>
                        <td>--</td>
                        <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td>--</td>
                        <td>--</td>
                        <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td title="--">--</td>
                        <td>--</td>
                        <td>--</td>
                        <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--end 商品列表-->
        <!--标题-->
        <div class="ph_subTit ph_subMarTop no_border">
            <h2>供应商</h2>
        </div>
        <!--end 标题-->
        <!--商品列表-->
        <div class="ph_wareBox ph_infoWare">
            <table class="ph_wareList">
                <thead>
                <tr>
                    <th width="50">序号</th>
                    <th>商品名称</th>
                    <th>商品条码</th>
                    <th>总数量</th>
                    <th>总金额（元）</th>
                    <th>规格</th>
                    <th width="110">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td>--</td>
                    <td>--</td>
                    <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td>--</td>
                    <td>--</td>
                    <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td>--</td>
                    <td>--</td>
                    <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td title="--">--</td>
                    <td>--</td>
                    <td>--</td>
                    <td><a class="lookBtn ph_lookBtn" href="javascript:void(0);">编辑</a></td>
                </tr>
                </tbody>
            </table>
            <p class="ph_infoTotal">商品总金额：<span class="require">20000.00元</span></p>
            <p class="ph_infoTotal">物流费用：<span class="require">340.00元</span></p>
        </div>
        <!--end 商品列表-->
        <!--按钮-->
        <div class="PopupBtn">
            <input class="submit" name="" type="button" value="提交"><input class="cancel" name="" type="button" value="取消">
        </div>
        <!--end 按钮-->
    </div>
    <!--end 主体内容-->
</div>
<!--添加联系人弹窗-->
<div class="PopupBox" id="addLinkmanBox">
    <!--内容-->
    <div class="PopupCon">
        <div class="ph_subPoCon ph_screen">
            <form id="formID">
                <table class="ph_tableBox">
                    <tr>
                        <th><span class="require">*</span>联系人：</th>
                        <td><input name="" type="text" class="validate[required,custom[special]]"></td>
                    </tr>
                    <tr>
                        <th><span class="require">*</span>手机号：</th>
                        <td><input name="" type="text" class="validate[required,custom[phone]]"></td>
                    </tr>
                    <tr>
                        <th>座机号：</th>
                        <td><input name="" type="text" class="validate[custom[phone]]"></td>
                    </tr>
                    <tr>
                        <th><span class="require">*</span>区域：</th>
                        <td>
                            <div class="ph_distpicker" id="distpicker">
                                <select class="validate[required] ph_dist"></select>
                                <select class="validate[required] ph_dist"></select>
                                <select class="validate[] ph_dist"></select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th><span class="require">*</span>详细地址：</th>
                        <td><input name="" type="text" class="validate[required,custom[special]]"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <!--end 内容-->
</div>
<!--end 添加联系人弹窗-->
<!--编辑商品弹窗-->
<div class="PopupBox" id="ph_lookBox">
    <!--内容-->
    <div class="PopupCon">
        <div class="lookCon ph_wareBox">
            <table class="ph_wareList">
                <thead>
                <tr>
                    <th width="50"><input class="check-all" name="" type="checkbox"></th>
                    <th>规格</th>
                    <th>结算价（元）</th>
                    <th width="120">数量</th>
                    <th>商品金额（元）</th>
                    <th>物流费用（元）</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-大号</td>
                    <td>5.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">5.00</td>
                    <td>4.00</td>
                </tr>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-小号</td>
                    <td>3.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">3.00</td>
                    <td>2.00</td>
                </tr>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-大号</td>
                    <td>5.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">5.00</td>
                    <td>4.00</td>
                </tr>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-大号</td>
                    <td>5.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">5.00</td>
                    <td>4.00</td>
                </tr>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-小号</td>
                    <td>3.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">3.00</td>
                    <td>2.00</td>
                </tr>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-大号</td>
                    <td>5.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">5.00</td>
                    <td>4.00</td>
                </tr>
                <tr>
                    <td><input class="ids" name="" type="checkbox"></td>
                    <td>红色-大号</td>
                    <td>5.00</td>
                    <td>
                        <div class="ph_spinnerBox">
                            <button class="decrease" disabled="disabled">-</button>
                            <input name="" type="text" class="ph_spinner" value="1">
                            <button class="increase">+</button>
                        </div>
                    </td>
                    <td title="--">5.00</td>
                    <td>4.00</td>
                </tr>
                </tbody>
            </table>
        </div>
        <p class="ph_lookTxt">商品总量：<span class="require">5</span>&nbsp;&nbsp;商品总额：<span class="require">19.00</span>&nbsp;&nbsp;物流总费：<span class="require">2.00</span>&nbsp;&nbsp;总金额：<span class="require">21.00元</span></p>
    </div>
    <!--end 内容-->
</div>
<!--end 编辑商品弹窗-->

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--弹窗-->
<script type="text/javascript" src="js/layer/layer.js"></script>
<!--地址三级联动-->
<script type="text/javascript" src="js/distpicker/distpicker.data.js"></script>
<script type="text/javascript" src="js/distpicker/distpicker.js"></script>
<script type="text/javascript" src="js/distpicker/main.js"></script>
<!--验证-->
<script type="text/javascript" src="js/validat/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript" src="js/validat/jquery.validationEngine.js"></script>
<script type="text/javascript">
    $(function() {
        $("#formID").validationEngine({
            addPromptClass: 'formError-text',
            showArrow: false,
            promptPosition: 'bottomLeft'
        });
        $('.ph_snbBtn').on('click','.Js_addLinkman',function(){
            layer.open({
                type: 1,
                title: '添加联系地址',
                closeBtn : 0,
                area: ['600px','380px'],
                btn:['确认', '取消'],
                btnAlign: 'c',
                content: $('#addLinkmanBox')
            });
        });
        $('.ph_wareBox').on('click','.lookBtn',function(){
            layer.open({
                type: 1,
                title: '商品名称',
                closeBtn : 0,
                area: ['666px','440px'],
                btn:['确认', '取消'],
                btnAlign: 'c',
                content: $('#ph_lookBox')
            });
        });
    });
</script>
</body>
</html>